<template>
  <div id="app" class="container">
    <Count title="电影">
        <ul>
          <li v-for="(item, index) in films" :key="index">
            {{ item }}
          </li>
        </ul>
    </Count>

  </div>
</template>

<script>
import Count from "./components/Count.vue";
export default {
  components: { Count },
  name: "App",
  data() {
    return {
        films: ["你好", "世界", "宇宙"]
    };
  },
  mounted(){
    console.log('app',this)
  }
};
</script>
<style>
.container,
.foot {
  display: flex;
  justify-content: space-between;
}
img {
  width: 100%;
}
video {
  width: 100%;
}
h4 {
  text-align: center;
}
</style>

